<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <script>
        /***********************************
            1.请写出javascript的三种循环
        ***********************************/
        // while语句、do..while语句、for语句
        /***********************************
            2.在控制台中用循环输出 0 0.2 0.4 0.6 0.8 1
        ***********************************/
        // for (let i = 0; i <= 10; i++) {
        //     if (i % 2 == 0) {
        //         console.log(i / 10);
        //     }
        // }
        /***********************************
            3.请写出break和continue作用和区别
        ***********************************/
        // break:结束循环
        // continue：跳出循环，继续下次循环
        /***********************************
            4.循环输出1-100 里的奇数
        ***********************************/
        // let num = 1; // num 为 1 时，输出奇数；为 0 时，输出偶数
        // while (num <= 100) {
        //     console.log(num);
        //     num += 2
        // }
        /***********************************
            5.有一座桥，当你身上所拥有的钱大于 30000 时，每过一次桥则需要支付 3000 元。当你身上的钱小于或等于 30000 时，每过一次桥则需要支付你身上 10%的钱。已知有一个人身上有 33000 元，问此人能过这座桥多少次之后，身上的钱会少于 100 块?
        ***********************************/
        // let num = 33000;
        // // 次数
        // let i = 0;
        // while (num > 100) {
        //     if (num > 30000) {
        //         num -= 3000;
        //         i++;
        //     } else {
        //         num = num * 0.9;
        //         i++
        //     }
        // }
        // console.log(i);
        // console.log(num);

        /***********************************
            6.小明去存 1000 钱，每天会产生 1%的利息，求问，30 天后，小明可以拿回多少钱
        ***********************************/
        // let num = 1000;
        // for (let i = 1; i <= 30; i++) {
        //     num *= 1.01;
        // }
        // console.log(num);
        /**********************************
            7.小明题目升级版，小明拿着1000块在周一买入基金，一开户立给10块红利，逢周六日没有利息，平时利息为1%，请问30天后，小明可以拿回多少钱？
        **********************************/
        // let num = 1000;
        // for (let i = 1; i <= 30; i++) {
        //     if (i == 1) {
        //         num += 10;
        //     }
        //     if (i % 7 == 6 || i % 7 == 0) {
        //         continue;
        //     } else {
        //         num *= 1.01;
        //     }
        // }
        // console.log(num);
        /***********************************
             8. 制作一个乘法口诀表:
         ***********************************/
        // for (let i = 1; i <= 9; i++) {
        //     document.write("<p>")
        //     for (let j = 1; j <= i; j++) {
        //         document.write("<span style='display: inline-block;width:80px;text-align:center;'>" + j + "*" + i + "=" + j * i + "</span>")
        //     }
        //     document.write("</p>")
        // }
        /**********************************************
            9.制作一个黑白棋盘   奇数行 && 奇数列 || 偶数行 && 偶数列
        **********************************************/
        // 样式
        // <style>
        //     * {
        //         margin: 0;
        //     padding: 0;
        //     }

        //     .row {
        //         display: flex;
        //     }

        //     .row span {
        //         border: 1px solid #000;
        //     display: block;
        //     width: 50px;
        //     height: 50px;
        //     }
        // </style>

        for (var i = 1; i <= 9; i++) {
            document.write(`<div class=row>`);
            for (var j = 1; j <= 9; j++) {
                if ((i % 2 != 0 && j % 2 != 0) || (i % 2 == 0 && j % 2 == 0)) {
                    document.write(`<span style="background:#000;"></span>`);
                } else {
                    document.write(`<span style="background:#fff;"></span>`);
                }
            }
            document.write(`</div>`);
        }
    </script>
</body>

</html>